﻿<!DOCTYPE html>
<html>
  <head>
    <title>剧情线</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/剧情线/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/剧情线/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u17" class="ax_default _三级标题">
        <div id="u17_div" class=""></div>
        <div id="u17_text" class="text ">
          <p><span>第一部分；开屏页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18" class="ax_default _三级标题">
        <div id="u18_div" class=""></div>
        <div id="u18_text" class="text ">
          <p><span>配图； 旅行，离开常驻地24小时以上</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u19" class="ax_default _三级标题">
        <div id="u19_div" class=""></div>
        <div id="u19_text" class="text ">
          <p><span>交互； 纯黑的底面出现以下字体 ---- 旅行，离开常驻地24小时以上。文字出现效果以电脑打字形式出现，配音模拟键盘敲打的声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u20" class="ax_default _三级标题">
        <div id="u20_div" class=""></div>
        <div id="u20_text" class="text ">
          <p><span>第二部分；故事页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u21" class="ax_default _三级标题">
        <div id="u21_div" class=""></div>
        <div id="u21_text" class="text ">
          <p><span>主题； 旅行，离开常驻地24小时以上</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u22" class="ax_default _三级标题">
        <div id="u22_div" class=""></div>
        <div id="u22_text" class="text ">
          <p><span>【 节假日 】</span></p><p><span>配图； 一个戴眼镜的男生坐在桌子上看日历，日历的日期里标注的 端午节&nbsp; 被划了个红圈</span></p><p><span><br></span></p><p><span>动效；日历随风摇动&nbsp; 注；日历中间的中山大学南方学院的徽章LOGO始终在页面的主体位置</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23" class="ax_default _三级标题">
        <div id="u23_div" class=""></div>
        <div id="u23_text" class="text ">
          <p><span>【 朋友圈中他人的旅行 】</span></p><p><span>配图； 男孩坐在桌子上使用手机刷朋友圈</span></p><p><span>动效； 当男孩下滑手机页面时，将会自动放大呈现朋友圈内容，共计3个页面</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u24" class="ax_default _三级标题">
        <div id="u24_div" class=""></div>
        <div id="u24_text" class="text ">
          <p><span>【 朋友圈中他人的旅行 】</span></p><p><span>配图； 男孩坐在桌子上使用手机刷朋友圈</span></p><p><span>动效； 当男孩下滑手机页面时，将会自动放大呈现朋友圈内容，共计3个页面</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u25" class="ax_default _三级标题">
        <div id="u25_div" class=""></div>
        <div id="u25_text" class="text ">
          <p><span>【 朋友圈 内容一】</span></p><p><span>配图； 男孩坐在桌子上使用手机刷朋友圈</span></p><p><span>动效； 当男孩下滑手机页面时，将会自动放大呈现朋友圈内容，共计3个页面</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u26" class="ax_default _三级标题">
        <div id="u26_div" class=""></div>
        <div id="u26_text" class="text ">
          <p><span>【 男孩的思索 】</span></p><p><span>配图； 男孩坐在桌子上&nbsp; 做思考状</span></p><p><span>动效； 自动浮现出字幕作为男孩的内心想法 (为什么我非要去其他城市旅行？我们自己周边有值得旅行的地方吗？)</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u27" class="ax_default _三级标题">
        <div id="u27_div" class=""></div>
        <div id="u27_text" class="text ">
          <p><span>【 Surf 城市边缘】</span></p><p><span>配图； 男孩在学校的公告栏上看着一张海报，上面写着 Surf 城市边缘，以及一个二维码链接</span></p><p><span>动效；页面以男孩视角逐渐切入海报为主页面，停留2秒</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u28" class="ax_default _三级标题">
        <div id="u28_div" class=""></div>
        <div id="u28_text" class="text ">
          <p><span>【 男孩的旅行--孤岛露营 】</span></p><p><span>配图； 男孩江上玩着皮划艇</span></p><p><span>动效；桨击打水面溅起水花的特写</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u29" class="ax_default _三级标题">
        <div id="u29_div" class=""></div>
        <div id="u29_text" class="text ">
          <p><span>【 男孩的旅行--孤岛露营 】</span></p><p><span>配图； 碧绿的水面，前方是个孤岛</span></p><p><span>动效；桨击打水面溅起水花的特写</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u30" class="ax_default _三级标题">
        <div id="u30_div" class=""></div>
        <div id="u30_text" class="text ">
          <p><span>【 男孩的旅行--孤岛露营 】</span></p><p><span>配图； 男孩在岛上搭帐篷</span></p><p><span>动效；略</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u31" class="ax_default _三级标题">
        <div id="u31_div" class=""></div>
        <div id="u31_text" class="text ">
          <p><span>【 男孩的旅行--孤岛露营 】</span></p><p><span>配图； 盛大的星空下，一群伙伴在弹吉他唱歌</span></p><p><span>动效；略</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u32" class="ax_default _三级标题">
        <div id="u32_div" class=""></div>
        <div id="u32_text" class="text ">
          <p><span>【 男孩的旅行--孤岛露营 】</span></p><p><span>配图； 男孩抱着吉他躺在地上思考</span></p><p><span>动效；缓缓划出字幕(这是我的周边，这就是我想要的旅行)</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u33" class="ax_default _三级标题">
        <div id="u33_div" class=""></div>
        <div id="u33_text" class="text ">
          <p><span>【 Surf 城市边缘】</span></p><p><span>配图； 城市边缘的图片，下方配有LOGO</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
